<?php
  require('./setup/file_txt.inc.php');
  getConfig('./setup/config.txt')
?>
<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="renderer" content="webkit" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <script src="js/jquery.min.js"></script>
  <script src="js/font.js"></script>
  <script src="js/particles.min.js"></script>
  <title><?= $home_title ?></title>
</head>

<body>
  <div id="particles-js" style="position:absolute; top: 0; z-index: -1; width: 100%;height: 100%;">
    <canvas class="particles-js-canvas-el" width="1303" height="960" style="width: 100%; height: 100%;"></canvas>
  </div>
  <script>
    particlesJS("particles-js", {
      particles: {
        number: {
          value: 20,
          density: {
            enable: !0,
            value_area: 1000
          }
        },
        color: {
          value: "#e1e1e1"
        },
        shape: {
          type: "circle",
          stroke: {
            width: 0,
            color: "#000000"
          },
          polygon: {
            nb_sides: 5
          },
          image: {
            src: "img/github.svg",
            width: 100,
            height: 100
          }
        },
        opacity: {
          value: 0.5,
          random: !1,
          anim: {
            enable: !1,
            speed: 1,
            opacity_min: 0.1,
            sync: !1
          }
        },
        size: {
          value: 15,
          random: !0,
          anim: {
            enable: !1,
            speed: 180,
            size_min: 0.1,
            sync: !1
          }
        },
        line_linked: {
          enable: !0,
          distance: 650,
          color: "#cfcfcf",
          opacity: 0.26,
          width: 1
        },
        move: {
          enable: !0,
          speed: 2,
          direction: "none",
          random: !0,
          straight: !1,
          out_mode: "out",
          bounce: !1,
          attract: {
            enable: !1,
            rotateX: 600,
            rotateY: 1200
          }
        }
      },
      interactivity: {
        detect_on: "canvas",
        events: {
          onhover: {
            enable: !1,
            mode: "repulse"
          },
          onclick: {
            enable: !1,
            mode: "push"
          },
          resize: !0
        },
        modes: {
          grab: {
            distance: 400,
            line_linked: {
              opacity: 1
            }
          },
          bubble: {
            distance: 400,
            size: 40,
            duration: 2,
            opacity: 8,
            speed: 3
          },
          repulse: {
            distance: 200,
            duration: 0.4
          },
          push: {
            particles_nb: 4
          },
          remove: {
            particles_nb: 2
          }
        }
      },
      retina_detect: !0
    });
  </script>
  <div id="wrap">
    <div id="top">
      <div id="logo">
        <img class="logo" src="" />
        <p></p>
        <div class="type-js headline">
          <h1 class="text-js"><?= $title ?></h1>
        </div>
        <div id="kg-btn" class="">
          <input class='tgl tgl-flip' id='qieh' type='checkbox' />
          <?php if (count($page_name) >= 2 && $page_name[0]!='') : ?>
            <label class='tgl-btn' data-tg-off='<?= $page_name[0] ?>' data-tg-on='<?= $page_name[1] ?>' for='qieh'>&nbsp;&nbsp;<?= $page_name[0] ?>&nbsp;&nbsp;</label>
          <?php endif; ?>
        </div>
      </div>
    </div>
    <div id="main">
      <!-- 外网访问地址 -->
      <div id="app" class="app animated fadeInLeft">
        <ul>
          <?php
          $size = count($page1_title);
          for ($i = 0; $i < $size; $i++) {
            echo '<li><a href="' . $page1_url[$i] . '" target="_blank"><img class="shake" src="'.$page1_img[$i] . '"/><strong>' . $page1_title[$i] . '</strong></a></li>';
          }
          ?>
        </ul>
      </div>
      <?php if (count($page_name) >= 2 && $page_name[0]!='') : ?>
      <!-- 内网网访问地址 -->
      <div id="app1" class="app animated fadeInRight">
        <ul>
          <?php
          $size = count($page2_title);
          for ($i = 0; $i < $size; $i++) {
            echo '<li><a href="' . $page2_url[$i] . '" target="_blank"><img class="shake" src="' . $page2_img[$i] . '"/><strong>' . $page2_title[$i] . '</strong></a></li>';
          }
          ?>
        </ul>
      </div>
      <?php endif; ?>
      <div style="clear: both;"></div>
    </div>
  </div>
  <div id="footer">
    <div class="footer-contents">
      <div class="links">
      </div>
    </div>
  </div>
</body>

</html>